<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html oncontextmenu="return false;">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>Header</title>
    <link rel="stylesheet" type="text/css" href="../css/stylesheet.css" />
    <script type="text/javascript" src="../js/jquery-1.3.2.min.js" ></script>

</head>
<body  bgcolor="#FF00FF"  class="toolbar" >

<table class="toolbar" cellspacing="0" cellpadding="0">
	<tr class="toolbar">
		 
		<td class="toolbar" ><a class="toolbar" href="home.htm" target="work_area">
			<img src="../images/32x32/Home.png" title="Home"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
        			class="toolbar"
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Home&nbsp;</td> 
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a href="certificates.htm" target="work_area">
			<img src="../images/32x32/List.png" title="Certificates"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
        		class="toolbar"
        		/></a> 
		</td>
		<td class="toolbar" style="display: none">&nbsp;Certificates&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a href="defects.htm" target="work_area">
			<img src="../images/32x32/Close file.png" title="Defects"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
        		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Defects&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a href="equipment.htm" target="work_area">
			<img src="../images/32x32/Equipment.png" title="Equipment"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
        		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Equipment&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a class="toolbar" href="spares.htm" target="work_area">
			<img src="../images/32x32/Spares2.png" title="Spares"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
            		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Spares&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a class="toolbar" href="stores.htm" target="work_area">
			<img src="../images/32x32/Store.png" title="Stores"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
            		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Stores&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a class="toolbar" href="structures.htm" target="work_area">
			<img src="../images/24x24/Structure.png" title="Structures"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
            		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Structures&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a class="toolbar" href="suppliers.htm" target="work_area">
			<img src="../images/32x32/Supplier.png" title="Suppliers"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
            		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Suppliers&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a class="toolbar" href="tanks.htm" target="work_area">
			<img src="../images/32x32/Tank.png" title="Tanks"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
            		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Tanks&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a class="toolbar" href="vessels.htm" target="work_area">
			<img src="../images/32x32/Vessel.png" title="Vessels"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
            		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Vessels&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a class="toolbar" href="workers.htm" target="work_area">
			<img src="../images/32x32/Workers.png" title="Workers"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
            		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Workers&nbsp;</td>
		<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" ><a class="toolbar" href="work_items.htm" target="work_area">
			<img src="../images/24x24/Anchor.png" title="Work Items"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
            		class="toolbar"	
        		/></a>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Work Items&nbsp;</td>
				<td class="toolbar"><img src="../images/icon_line.gif" class="iconLine" alt=""/></td>
		<td class="toolbar" >
			<img src="../images/24x24/Logout.png" title="Log Out"
				onmouseover = "this.className ='icon_hover'"
        		onmouseout = "this.className ='icon'"
            		class="toolbar"	
        		/>
		</td>
		<td class="toolbar" style="display: none">&nbsp;Log Out&nbsp;</td>
	</tr>
</table>


</body>

<script type="text/javascript">
$(document).ready(function(){
    $("img.toolbar").parent().parent().bind("mouseenter",function() {
        $(this).next().show('fast').addClass('toolbar');
      }).bind("mouseleave",function(){
    	  $(this).next().hide('fast');
      });
	   //alert('hello');

	$("img").click(function() {
		//alert($(this).attr('id'));
		});   
});
</script>

</html>
